<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Adminity - 503 Error</title>
    <link rel="shortcut icon" href="favicon.gif">
    <!---CSS Files-->
    <link rel="stylesheet" href="../static/css/master.css">
    <!---jQuery Files-->
    <script src="../static/js/jquery-1.7.1.min.js"></script>
    <script src="../static/js/jquery-ui-1.8.17.min.js"></script>
    <script src="../static/js/styler.js"></script>
    <script src="../static/js/jquery.tipTip.js"></script>
    <script src="../static/js/colorpicker.js"></script>
    <script src="../static/js/sticky.full.js"></script>
    <script src="../static/js/global.js"></script>
    <!---Fonts-->
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css'>
    <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>
<body>

<!--- HEADER -->

<div class="header">
    <a href="dashboard.html"><img src="../static/img/logo.png" alt="Logo" /></a>
    <div class="styler">
        <ul class="styler-show">
            <li><div id="colorSelector-top-bar"></div></li>
            <li><div id="colorSelector-box-head"></div></li>
        </ul>
    </div>
</div>

<div class="top-bar">
    <ul id="nav">
        <li id="user-panel">
            <img src="../static/img/nav/usr-avatar.jpg" id="usr-avatar" alt="" />
            <div id="usr-info">
                <p id="usr-name">Welcome back, Michael.</p>
                <p id="usr-notif">You have 6 notifications. <a href="#">View</a></p>
                <p><a href="#">Preferences</a><a href="#">Profile</a><a href="login.html">Log out</a></p>
            </div>
        </li>
        <li>
            <ul id="top-nav">
                <li class="nav-item">
                    <a href="dashboard.html"><img src="../static/img/nav/dash.png" alt="" /><p>Dashboard</p></a>
                </li>
                <li class="nav-item">
                    <a href="analytics.html"><img src="../static/img/nav/anlt.png" alt="" /><p>Analytics</p></a>
                </li>
                <li class="nav-item">
                    <a href="tables.html"><img src="../static/img/nav/tb.png" alt="" /><p>Tables</p></a>
                </li>
                <li class="nav-item">
                    <a href="calendar.html"><img src="../static/img/nav/cal.png" alt="" /><p>Calendar</p></a>
                </li>
                <li class="nav-item">
                    <a href="widgets.html"><img src="../static/img/nav/widgets.png" alt="" /><p>Widgets</p></a>
                </li>
                <li class="nav-item">
                    <a href="grid.html"><img src="../static/img/nav/grid.png" alt="" /><p>Grid</p></a>
                    <ul class="sub-nav">
                        <li><a href="#">12 Columns</a></li>
                        <li><a href="#">16 Columns</a></li>
                    </ul>
                </li>
                <li class="nav-item">
                    <a href="filemanager.html"><img src="../static/img/nav/flm.png" alt="" /><p>File Manager</p></a>
                </li>
                <li class="nav-item">
                    <a href="gallery.html"><img src="../static/img/nav/gal.png" alt="" /><p>Gallery</p></a>
                </li>
                <li class="nav-item">
                    <a href="icons.html"><img src="../static/img/nav/icn.png" alt="" /><p>Icons</p></a>
                </li>
                <li class="nav-item">
                    <a href="#"><img src="../static/img/nav/err-active.png" alt="" /><p>Error Pages</p></a>
                    <ul class="sub-nav">
                        <li><a href="#">403 Page</a></li>
                        <li><a href="404.html">404 Page</a></li>
                        <li><a href="503.html">503 Page</a></li>
                    </ul>
                </li>
                <li class="nav-item">
                    <a href="typography.html"><img src="../static/img/nav/typ.png" alt="" /><p>Typography</p></a>
                </li>
            </ul>
        </li>
    </ul>
</div>

<!--- CONTENT AREA -->

<div class="content container_12">
    <h1 id="error-heading">503</h1>
    <p id="error-desc">You are not authorized to view this page.<br><br>
        You shall now receive a quite painful virtual slap on the wrist.</p>
    <p id="error-back">If you are the administrator of this website, <a href="login.html">go to the login page.</a>
    </p>
</div>

<div class="footer container_12">
    <p class="grid_12">Powered by Adminity Administration Interface</p>
</div>


</body>
</html>